<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<style>
		*{
			margin: 0px;
			padding: 0px;
		}
		a{
			text-decoration:none;
		}
		.four-zc{
			width: 1360px;
			margin: auto;
		}
		.four-zc-top{
			width: 1360px;
			margin-bottom: 50px;
			border-bottom: 2px solid rgb(230 230 230);
		}
		.four-zc-body{
			margin: auto;
		}
		.four-zc-top-body{
			margin-left: 75px;
		}
		.four-zc-body-top{
			text-align: center;
			margin-bottom: 30px;
		}
		.four-zc-top-logo{
			color: red;
			font-size: 40px;
		}
		.four-zc-top-logo a{
			color: red;
		}
		.four-zc-top-biaoQian{
			color: rgb(200, 200, 200);
		}
		.four-zc-body-top2,.four-zc-body-top1,.four-zc-body-top3{
			display: inline-block;
		}
		.four-zc-body-top3{
			border-bottom: 3px solid red;
		}
		.four-zc-body-top1-one{
			font-weight:bold ;
			width: 30px;
			height: 30px;
			color: white;
			border-radius: 50%;
			background-color: red;
		}
		.four-zc-body-top1-one,.four-zc-body-top1-body{
			display: inline-block;
		}
		.four-zc-body-body ul{
			list-style: none;
		}
		.four-zc-table{
			line-height: 100px;
			margin: auto;
		}
		.four-td1{
			width: 100px;
			text-align: right;
		}
		.four-td2{
			width: 150px;
			text-align: center;
		}
		.four-back{
			background-color:  rgb(150,150,150);
			width: 200px;
			padding: 10px;
			text-align: center;
			margin: auto;
		}
		.four-back a{
			color: white;
		}
		.four-back:hover{
			background-color: red;
		}
	</style>
</style>
<body>
	<div class="four-zc">	
		<div class="four-zc-top">
			<div class="four-zc-top-img">
				<a href=""><img src="gz.jpg" alt=""></a>
			</div>
			<div class="four-zc-top-body">
				<h1><span class="four-zc-top-logo"><a href="">终点中文网</a></span><span class="four-zc-top-biaoQian">&nbsp&nbsp|&nbsp&nbsp</span>用户注册</h1>
			</div>
		</div>
		<div class="four-zc-body">
			<div class="four-zc-body-top">
				<div class="four-zc-body-top1">
					<div>
						<h2>填写注册信息</h2>
					</div>
				</div>
				<div class="four-zc-body-top2">
					<h2>&nbsp;|&nbsp;</h2>
				</div>
				<div class="four-zc-body-top3">
					<div class="four-zc-body-top1-one">
						<h2>2</h2>
					</div>
					<div  class="four-zc-body-top1-body">
						<h2>注册成功</h2>
					</div>
				</div>
			</div>
			<div  class="four-zc-body-body">
				<table  class="four-zc-table">
					<tr>
						<td class="four-td1">手机号码：</td>
						<td class="four-td2">${sessionScope.user.userPhone }</td>
					</tr>
					<tr>
						<td class="four-td1">用户Id：</td>
						<td class="four-td2">${sessionScope.uId }</td>
					</tr>
					<tr>
						<td class="four-td1">昵称：</td>
						<td class="four-td2">${sessionScope.user.userNickName }</td>
					</tr>
					<tr>
						<td class="four-td1">密码：</td>
						<td class="four-td2">${sessionScope.user.userPass }</td>
					</tr>
				</table>
				<div class="four-back">
					<a href="index.jsp">返回首页</a>
				</div>
			</div>
		</div>
	</div>
</body>
</html>